<!--登陆以后首页-->
<!doctype html>
<html style="overflow:scroll" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>用户登录后页面</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/respond.js}"></script>
    <script th:src="@{/js/html5.js}"></script>

</head>


<style type="text/css">
    #pc_nav ul li:hover div{
        display: inline-block;
    }
    #pc_nav ul li div{
        display: none;
        border-radius:2px;
        position:absolute;
    }
    #pc_nav ul li #di2{
        width:140px;
        height: 320px;
        background-color: white;
    }

    #pc_nav ul li #di2 a{
        /*text-decoration: none;*/
        list-style: none;
        height: 15px;
        margin-top: 5px;
        color: lightgrey;
        border:0px solid gainsboro;
        line-height:5px;
        width: 80%;
        word-break:keep-all;
        white-space:nowrap;
        text-align: center;
        display:block;
        font-size: 18px;
        margin-left: -20px;
        margin-bottom: 20px;
    }

</style>




<body>

<!--nav-->
<nav id="pc_nav" class="container clearfix hidden-xs"th:each="codeUser:${codeUsers}">
    <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10">
        <img th:src="@{/images/codeLogo.jpg}" width="120px" height="70px" ></a>
    <ul class="fr clearfix" >
        <li>
            <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}">首页</a></li>
        <li><span>|</span></li>
        <li><a href="#" th:href="@{/item/loginItemsList(userNo=${codeUser.userNo})}">项目</a></li>
        <li><span>|</span></li>
        <li>
            <span th:switch="${codeUser.type}">
                    <span th:case= "1">
                      <a href="#" th:href="@{/item/releaseProject(userNo=${codeUser.userNo})}">项目发布</a>
                    </span>
                    <span th:case= "2">
                       <a href="#">我的参与</a>
                    </span>
            </span>
        </li>
        <li><span>|</span></li>
        <li><a href="#" th:href="@{/help}">帮助</a></li>

        <li class="div2">
            <span><a href="#"><img th:src="@{'/article/'+ ${codeUser.image}}"  height="60px" width="60px"></a></span>
            <div id="di2" class="div2x" style="z-index: 90;margin-top: 2px;">
                <p><a style="text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a></p>
                <hr />
                <p><a th:href="@{/logged/userInformation(userNo=${codeUser.userNo})}">个人中心</a></p>
                <hr />
                <p><a th:href="@{/logged/moneyPay(userNo=${codeUser.userNo})}">我的开发宝</a></p>
                <hr />
                <p><a th:href="@{/item/myCollection(userNo=${codeUser.userNo})}">我收藏的项目</a></p>
                <hr />
                <p><a th:href="@{/logged/advise(userNo=${codeUser.userNo})}">我要建议</a></p>
                <hr />
                <p><a th:href="@{/}">退出登录</a></p>
            </div>
        </li>

    </ul>
</nav>

<div id="banner" class="carousel slide">
    <ol class="carousel-indicators">
        <li data-target="#banner" data-slide-to="0" class="active"></li>
        <li data-target="#banner" data-slide-to="1"></li>
        <li data-target="#banner" data-slide-to="2"></li>
        <li data-target="#banner" data-slide-to="3"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active">
            <img th:src="@{/images/banner1.png}" alt="">
        </div>
        <div class="item">
            <img th:src="@{/images/banner2.png}" alt="">
        </div>
        <div class="item">
            <img th:src="@{/images/banner1.png}" alt="">
        </div>
        <div class="item">
            <img th:src="@{/images/banner2.png}" alt="">
        </div>
    </div>
    <a class="carousel-control left" href="#banner"
       data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#banner"
       data-slide="next">&rsaquo;</a>
</div>
<!--/banner-->

<!--操作流程-->
<div id="products" class="container">
    <p style="text-align: center;font-size: 35px;line-height: 170px;">操作流程</p>
    <ul class="row">
        <li class="col-sm-3">
            <div class="con">
                <a href="#" class="img"><img th:src="@{/images/step-1.png}" width="87" height="129"></a>
                <div class="text-center" style="height: auto;">
                    <h2>认证成为开发者</h2>
                    <p>
                        <span>完善技能与经验</span><br>
                        <span>完成身份认证</span>
                    </p>
                </div>
            </div>
        </li>
        <li class="col-sm-3">
            <div class="con">
                <a href="#" class="img"><img th:src="@{/images/step-2.png}" width="87" height="129"></a>
                <div class="text-center" style="height: auto;">
                    <h2>报名项目</h2>
                    <p>
                        <span>项目报价合理</span><br>
                        <span>每日有近百个项目正在招募</span>
                    </p>
                </div>
            </div>
        </li>
        <li class="col-sm-3">
            <div class="con">
                <a href="#" class="img"><img th:src="@{/images/step-3.png}" width="87" height="129"></a>
                <div class="text-center" style="height: auto;">
                    <h2>确认合作</h2>
                    <p>
                        <span>双方确认合作意向</span><br>
                        <span>即可进入开发阶段</span>
                    </p>
                </div>
            </div>
        </li>
        <li class="col-sm-3">
            <div class="con">

                <a href="#" class="img"><img th:src="@{/images/step-4.png}" width="87" height="129"></a>
                <div class="text-center" style="height: auto;">
                    <h2>获取收益</h2>
                    <p>
                        <span>项目验收结束后</span><br>
                        <span>即可获取收益</span>
                    </p>
                </div>
            </div>
        </li>
    </ul>
</div>
<!--/产品展示-->
<!--application-->
<div id="applicationBg">
    <div id="application" class="container">
        <p style="text-align: center;font-size: 30px;margin-top: 50px;">开发者擅长技术分布<br/></p>
        <p style="text-align: center;margin-bottom: 60px;">(单位：人)</p>
        <div style="margin-left: 160px;"><img th:src="@{/images/jishu.png}" align="center"/></div>
    </div>
</div>
<!--/application-->


<!--forum-->
<div class="container" id="forum">
    <!--<h1 class="index_title text-center">
        码虫排行榜<br>-->
    <p style="text-align: center;font-size: 30px;margin-top: 50px;">码虫排行榜<br/></p>
    <p style="text-align: center;">
        <a href="#">
            <span>收入榜</span>
        </a>&nbsp;&nbsp;
        <a href="#">
            <span>好评榜</span>
        </a>&nbsp;&nbsp;
        <a href="#">
            <span>勤奋榜</span>
        </a>
    </p><br/>


    </h1>
    <ul class="row" style="margin-bottom:0;">
        <li class="col-sm-6 clearfix">
            <img th:src="@{/images/1.png}" width="35" height="40" style="float: left;">
            <a class="img fl" href="#"><img th:src="@{/images/center.png}" width="80" height="80"></a>
            <div class="fl">
                <a class="title" 4href="#">xxx公司</a>
                <p>
                    最擅长：<span>Java</span>&nbsp;&nbsp;&nbsp;&nbsp;参与项目：<span>25</span>&nbsp;&nbsp;&nbsp;&nbsp;城市：<span>苏州</span><br/>
                    总收入：<span>￥12，354</span>
                </p>
            </div>

        </li>
        <li class="col-sm-6 clearfix">
            <img th:src="@{/images/6.png}" width="35" height="40" style="float: left;">
            <a class="img fl" href="#"><img th:src="@{/images/center.png}" width="80" height="80"></a>
            <div class="fl">
                <a class="title" 4href="#">xxx公司</a>
                <p>
                    最擅长：<span>Java</span>&nbsp;&nbsp;&nbsp;&nbsp;参与项目：<span>25</span>&nbsp;&nbsp;&nbsp;&nbsp;城市：<span>苏州</span><br/>
                    总收入：<span>￥12，354</span>
                </p>
            </div>
        </li>
    </ul>
    <ul class="row">
        <li class="col-sm-6 clearfix">
            <img th:src="@{/images/2.png}" width="35" height="40" style="float: left;">
            <a class="img fl" href="#"><img th:src="@{/images/center.png}" width="80" height="80"></a>
            <div class="fl">
                <a class="title" 4href="#">xxx公司</a>
                <p>
                    最擅长：<span>Java</span>&nbsp;&nbsp;&nbsp;&nbsp;参与项目：<span>25</span>&nbsp;&nbsp;&nbsp;&nbsp;城市：<span>苏州</span><br/>
                    总收入：<span>￥12，354</span>
                </p>
            </div>

        </li>
        <li class="col-sm-6 clearfix">
            <img th:src="@{/images/7.png}" width="35" height="40" style="float: left;">
            <a class="img fl" href="#"><img th:src="@{/images/center.png}" width="80" height="80"></a>
            <div class="fl">
                <a class="title" 4href="#">xxx公司</a>
                <p>
                    最擅长：<span>Java</span>&nbsp;&nbsp;&nbsp;&nbsp;参与项目：<span>25</span>&nbsp;&nbsp;&nbsp;&nbsp;城市：<span>苏州</span><br/>
                    总收入：<span>￥12，354</span>
                </p>
            </div>
        </li>
        <li class="col-sm-6 clearfix">
            <img th:src="@{/images/3.png}" width="35" height="40" style="float: left;">
            <a class="img fl" href="#"><img th:src="@{/images/center.png}" width="80" height="80"></a>
            <div class="fl">
                <a class="title" 4href="#">xxx公司</a>
                <p>
                    最擅长：<span>Java</span>&nbsp;&nbsp;&nbsp;&nbsp;参与项目：<span>25</span>&nbsp;&nbsp;&nbsp;&nbsp;城市：<span>苏州</span><br/>
                    总收入：<span>￥12，354</span>
                </p>
            </div>
        </li>
        <li class="col-sm-6 clearfix">
            <img th:src="@{/images/8.png}" width="35" height="40" style="float: left;">
            <a class="img fl" href="#"><img th:src="@{/images/center.png}" width="80" height="80"></a>
            <div class="fl">
                <a class="title" 4href="#">xxx公司</a>
                <p>
                    最擅长：<span>Java</span>&nbsp;&nbsp;&nbsp;&nbsp;参与项目：<span>25</span>&nbsp;&nbsp;&nbsp;&nbsp;城市：<span>苏州</span><br/>
                    总收入：<span>￥12，354</span>
                </p>
            </div>
        </li>
        <li class="col-sm-6 clearfix">
            <img th:src="@{/images/4.png}" width="35" height="40" style="float: left;">
            <a class="img fl" href="#"><img th:src="@{/images/center.png}" width="80" height="80"></a>
            <div class="fl">
                <a class="title" 4href="#">xxx公司</a>
                <p>
                    最擅长：<span>Java</span>&nbsp;&nbsp;&nbsp;&nbsp;参与项目：<span>25</span>&nbsp;&nbsp;&nbsp;&nbsp;城市：<span>苏州</span><br/>
                    总收入：<span>￥12，354</span>
                </p>
            </div>
        </li>
        <li class="col-sm-6 clearfix">
            <img th:src="@{/images/9.png}" width="35" height="40" style="float: left;">
            <a class="img fl" href="#"><img th:src="@{/images/center.png}" width="80" height="80"></a>
            <div class="fl">
                <a class="title" 4href="#">xxx公司</a>
                <p>
                    最擅长：<span>Java</span>&nbsp;&nbsp;&nbsp;&nbsp;参与项目：<span>25</span>&nbsp;&nbsp;&nbsp;&nbsp;城市：<span>苏州</span><br/>
                    总收入：<span>￥12，354</span>
                </p>
            </div>
        </li>
        <li class="col-sm-6 clearfix">
            <img th:src="@{/images/5.png}" width="35" height="40" style="float: left;">
            <a class="img fl" href="#"><img th:src="@{/images/center.png}" width="80" height="80"></a>
            <div class="fl">
                <a class="title" 4href="#">xxx公司</a>
                <p>
                    最擅长：<span>Java</span>&nbsp;&nbsp;&nbsp;&nbsp;参与项目：<span>25</span>&nbsp;&nbsp;&nbsp;&nbsp;城市：<span>苏州</span><br/>
                    总收入：<span>￥12，354</span>
                </p>
            </div>
        </li>
        <li class="col-sm-6 clearfix">
            <img th:src="@{/images/10.png}" width="35" height="40" style="float: left;">
            <a class="img fl" href="#"><img th:src="@{/images/center.png}" width="80" height="80"></a>
            <div class="fl">
                <a class="title" 4href="#">xxx公司</a>
                <p>
                    最擅长：<span>Java</span>&nbsp;&nbsp;&nbsp;&nbsp;参与项目：<span>25</span>&nbsp;&nbsp;&nbsp;&nbsp;城市：<span>苏州</span><br/>
                    总收入：<span>￥12，354</span>
                </p>
            </div>
        </li>
    </ul>
</div>
<!--/forum-->

<!--Partners-->
<div id="partnersBg" style="height: 460px;">
    <div style="height: 70px;" align="center">
        <h1 class="index_title text-center" style="text-align: center;line-height: 30px;margin-top: 50px;">项目类型</h1>
        <h3 style="text-align: center;line-height: 20px;">(单位：人)</h3>
    </div>
    <div style="height: 160px; width: 120px;margin-left: 180px;float: left;text-align: center;margin-top: 30px;">
        <div><img th:src="@{/images/web.png}" height="40px" width="50px"></div>
        <div style="margin-top: 50px;">
            <p style="line-height: 30px;">
                <span style="color: dodgerblue;font-size: 28px;">166456+</span><br/>
                <span style="font-size: 14px">web网站开发</span>
            </p>
        </div>
    </div>
    <div style="height: 160px; width: 120px;margin-left: 180px;float: left;text-align: center;margin-top: 30px;">
        <div><img th:src="@{/images/web.png}" height="40px" width="50px"></div>
        <div style="margin-top: 50px;">
            <p style="line-height: 30px;">
                <span style="color: dodgerblue;font-size: 28px;">166456+</span><br/>
                <span style="font-size: 14px">web网站开发</span>
            </p>
        </div>
    </div>
    <div style="height: 160px; width: 120px;margin-left: 180px;float: left;text-align: center;margin-top: 30px;">
        <div><img th:src="@{/images/web.png}" height="40px" width="50px"></div>
        <div style="margin-top: 50px;">
            <p style="line-height: 30px;">
                <span style="color: dodgerblue;font-size: 28px;">166456+</span><br/>
                <span style="font-size: 14px">web网站开发</span>
            </p>
        </div>
    </div>
    <div style="height: 160px; width: 120px;margin-left: 180px;float: left;text-align: center;margin-top: 30px;">
        <div><img th:src="@{/images/web.png}" height="40px" width="50px"></div>
        <div style="margin-top: 50px;">
            <p style="line-height: 30px;">
                <span style="color: dodgerblue;font-size: 28px;">166456+</span><br/>
                <span style="font-size: 14px">web网站开发</span>
            </p>
        </div>
    </div>
    <div style="height: 160px; width: 120px;margin-left: 180px;float: left;text-align: center;margin-top: 30px;">
        <div><img th:src="@{/images/web.png}" height="40px" width="50px"></div>
        <div style="margin-top: 50px;">
            <p style="line-height: 30px;">
                <span style="color: dodgerblue;font-size: 28px;">166456+</span><br/>
                <span style="font-size: 14px">web网站开发</span>
            </p>
        </div>
    </div>
    <div style="height: 160px; width: 120px;margin-left: 180px;float: left;text-align: center;margin-top: 30px;">
        <div><img th:src="@{/images/web.png}" height="40px" width="50px"></div>
        <div style="margin-top: 50px;">
            <p style="line-height: 30px;">
                <span style="color: dodgerblue;font-size: 28px;">166456+</span><br/>
                <span style="font-size: 14px">web网站开发</span>
            </p>
        </div>
    </div>
    <div style="height: 160px; width: 120px;margin-left: 180px;float: left;text-align: center;margin-top: 30px;">
        <div><img th:src="@{/images/web.png}" height="40px" width="50px"></div>
        <div style="margin-top: 50px;">
            <p style="line-height: 30px;">
                <span style="color: dodgerblue;font-size: 28px;">166456+</span><br/>
                <span style="font-size: 14px">web网站开发</span>
            </p>
        </div>
    </div>
    <div style="height: 160px; width: 120px;margin-left: 180px;float: left;text-align: center;margin-top: 30px;">
        <div><img th:src="@{/images/web.png}" height="40px" width="50px"></div>
        <div style="margin-top: 50px;">
            <p style="line-height: 30px;">
                <span style="color: dodgerblue;font-size: 28px;">166456+</span><br/>
                <span style="font-size: 14px">web网站开发</span>
            </p>
        </div>
    </div>

</div>
<!--/Partners-->

<!--phone-->
<div id="phoneBg">
    <div id="phone" class="container">
        <div class="row" style="height: 240px;align-content: center;">
            <p style="font-size: 40px;color: white;margin-top: 50px;margin-bottom: 40px;" align="center">
                成为认证开发者，即可赚取收益</p><br/>
            <div th:each="codeUser:${codeUsers}">
            <div align="center">
                <a th:href="@{/item/loginItemsList(userNo=${codeUser.userNo})}">
                    <input type="button" onclick="" value="立刻开始"style="height: 50px; width: 300px;font-size: 30px;"/>
                </a>
            </div>
            </div>
        </div>
    </div>
</div>
<!--/phone-->



<!--/copy-->
</body>
</html>
